<template>
    <div class="amap-page-container">
        <el-amap
                vid="amapDemo"
                :center="center"
                :zoom="zoom"
                class="amap-demo">
            <el-amap-info-window :position="center" :content="content"></el-amap-info-window>
        </el-amap>
    </div>
</template>

<style>
    .amap-demo {
        height: 366px;
        width: 548px;
    }

    .amap-page-container {
        height: 366px;
        width: 548px;
    }
</style>
<script>
    export default {
        props: {
            content: '',
            center: []
        },
        data() {
            return {
                zoom: 15,
            }
        },
        mounted() {

        }
    };
</script>
